<template>
    <div class="top-view">
        <!--行 -->
        <el-row>
            <!--列 注意一行有24列,4等分为6-->
            <!-- <el-col :span="3">
                
                <total-sales />
                
            </el-col> -->
            <el-col :span="6">
                <el-card shadow="hover">
                    <!-- 累计销售额组件 -->
                    <total-sales />
                    <total-sales />
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card shadow="hover">
                    <!-- 累计销售额组件 -->
                    <total-sales />
                    <total-sales />
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card shadow="hover">
                    <!-- 累计销售额组件 -->
                    <total-sales />
                    <total-sales />
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card shadow="hover">
                    <!-- 累计销售额组件 -->
                    <total-sales />
                    <total-sales />
                </el-card>
            </el-col>


            <!-- <el-col :span="6">
                <el-card shadow="hover">
                    
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card shadow="hover">
                    
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card shadow="hover">
                    
                </el-card>
            </el-col> -->
        </el-row>
    </div>
</template>
  
<script>
import TotalSales from './TotalSales.vue'
//   import TotalUsers from '../TotalUsers/index.vue'
//   import TodayUsers from '../TodayUsers/index.vue'
//   import TotalOrders from '../TotalOrders/index.vue'

export default {
    components: {
        TotalSales,
        //   TotalUsers,
        //   TodayUsers,
        //   TotalOrders
    }
}
</script>
  
<style scoped></style>
  
  